 obj = {
     type: "get",
     url: "https://api.thecatapi.com/v1/images/search",
     data: {
        size: "full"

     },
     success: function (res) {
         // res:形参，接收传回来的数据  res=xhr.response
         // 把字符串转成对象
         console.log(res);
         let obj2 = JSON.parse(res);
         console.log(obj2);
         let img=document.getElementsByTagName("img")[0];
         img.src=obj2[0].url;
         

     }
 }

 ajax(obj);

 function ajax(obj) {
     // 1.创建XMLHttpRequest对象
     let xhr = new XMLHttpRequest();
     //  console.log(xhr);
     // 2.发送HTTP请求
     // 拼接参数
     let str = "";
     for (let i in obj.data) {
         str += `&${i}=${obj.data[i]}`;
     }
     str = str.slice(1);
     //  判断请求数据的方式
     if (obj.type.toLowerCase() === "get") {
         xhr.open(obj.type, obj.url + "?" + str);
         // 设置请求头
         xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');
         xhr.send();
     } else {
         xhr.open(obj.type, obj.url);
          // 设置请求头
     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');
         // 发送请求
         xhr.send(str);
     }


     // 3.接受服务器传回的数据
     // 绑定事件，监听数据返回
     xhr.onreadystatechange = function () {
         if (xhr.readyState === 4) {
             if (xhr.status >= 200 && xhr.status <= 299) {
                 // 4.处理返回的数据  
                 // xhr.response属性，浏览器接收返回的数据，返回值是字符串
                 obj.success(xhr.response)

             }
         }
     }
 }